<%--
  Created by IntelliJ IDEA.
  User: chels
  Date: 2021/4/22
  Time: 11:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/initializePage.css">
    <script src="js/jquery1.12.4.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/echarts_4.1.0.rc2_echarts.min.js"></script>
    <script src="js/monitor.js"></script>

    <title>新增菜单初始化页面</title>

    <style id="style-1-cropbar-clipper">
        .en-markup-crop-options {
            top: 18px !important;
            left: 50% !important;
            margin-left: -100px !important;
            width: 200px !important;
            border: 2px rgba(255, 255, 255, .38) solid !important;
            border-radius: 4px !important;
        }

        .en-markup-crop-options div div:first-of-type {
            margin-left: 0px !important;
        }
    </style>

</head>

<body>

<div id="container">
    <section class="public-main">
        <div class="sidebar public-main-left">
            <ul class="sidebar-menu">
                <!-- <li class="header">主导航</li> -->
                <li class='sidebar-menu-header'>
                    <img src='./img/logo.png' />
                    <span>后台管理系统</span>
                </li>
                <li class="treeview">
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i> <span>主  页</span> <i class="fa fa-angle-right pull-right"></i>
                    </a>
                </li>
                <li class="header">后台管理</li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>系统管理</span> <i class="fa fa-angle-right pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i>用户管理</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i>菜单管理</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i>角色管理</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i>权限管理</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-files-o"></i>
                        <span>课程管理</span>
                        <span class="label label-primary pull-right">4</span>
                    </a>
                    <ul class="treeview-menu" style="display: none;">
                        <li><a href="management.html"><i class="fa fa-circle-o"></i> 课程列表</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 分类管理</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>订单管理</span>
                        <i class="fa fa-angle-right pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i> 订单详情</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 支付功能</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>智能客服</span>
                        <i class="fa fa-angle-right pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i> 客服问答</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 投诉建议</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-edit"></i> <span>首页管理</span>
                        <i class="fa fa-angle-right pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i> 轮播图片</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 课程推荐</a></li>
                    </ul>
                </li>
                <li class="header">前台管理</li>
                <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>轮播图片</span></a></li>
                <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>课程推荐</span></a></li>
            </ul>
        </div>

        <!-- 主体部分 -->
        <div class="public-main-right">
            <header class="nav-wrapper">
                <div class="main-right-header">

                    <div class="location">
                        <strong>课程管理</strong>
                        <span>课程列表</span>
                    </div>

                    <div class='main-right-header-right'>

                            <span class="">
                                超级管理员：李艳卿 Chelsea
                            </span>

                        <span class="">
                            <a href="#"><img src="img/head.jpg" style="width: 25px"></a>
                        </span>
                        <span class=""><a href="login.html">退出登录</a></span>
                    </div>

                </div>
            </header>

            <div class='main-right-content'>

                <div class="jumbotron">
                    <h1>欢迎您来到</h1>
                    <p>打牛蛙组教育集团后台管理系统~页面功能内容开发中，敬请期待哦~</p>
                    <p><a class="btn btn-primary btn-lg" href="#" role="button">点我点我~</a></p>
                </div>

            </div>
            <footer>
                打牛蛙组教育集团
            </footer>
        </div>

    </section>

</div>
<!-- 每一页需加上 -->
<script src="js/slider.js"></script>
<script type="text/javascript" src="js/jquery1.12.4.js"></script>
<script type="text/javascript" src="js/initializePage.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            $("#header").hide("slow");
        }, 2000);
    });
</script>
</body>

</html>